import { Button, Result } from 'antd';
import React from 'react';
import { useHistory } from 'react-router-dom';

/**
 * 访问路径不存在展示的页面
 */
const NoFoundPage: React.FunctionComponent = () => {
  const history = useHistory();
  return (
    <Result
      status="404"
      title="404"
      subTitle="Sorry, 您访问的页面不存在."
      extra={
        <Button type="primary" onClick={() => history.push('/webseats')}>
          Back Home
        </Button>
      }
    />
  );
};

export default NoFoundPage;
